import { createRoot } from 'react-dom/client'

/* const isLoading = false
let con
if (isLoading) {
  con = <div>加载中...</div>
} else {
  con = <div>加载完毕</div>
} */

/* const isLoading = true
let con = <div>{isLoading ? '加载中' : '加载完毕'}</div> */

function handleLoading() {
  const isLoading = true
  return <div>{isLoading ? '加载中' : '加载完毕'}</div>
}

const con = handleLoading()

// createRoot(渲染到哪儿).render(渲染谁)
createRoot(document.querySelector('#root')).render(con)
